<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>采购订单页面</title>
<link rel="stylesheet" href="../../../layui/css/layui.css" media="all">
</head>
<body>
	<div class="demoTable">
	  搜索:
	  <div class="layui-inline layui-form">
			<select name="conId" id="conId"
				autocomplete="off" class="layui-input">
				<option></option>
			</select>
	  </div>
	  <div class="layui-inline layui-form">
			<select name="poState" id="poState"
				autocomplete="off" class="layui-input">
				<option></option>
				<option value="未审核">未审核</option>
				<option value="已审核">已审核</option>
				<option value="未采购">未采购</option>
				<option value="已采购">已采购</option>
				<option value="未提交">未提交</option>
				<option value="已提交">已提交</option>
				<option value="未质检">未质检</option>
				<option value="已质检">已质检</option>
				<option value="未入库">未入库</option>
				<option value="已入库">已入库</option>
			</select>
	  </div>
	  <button class="layui-btn" data-type="reload">搜索</button>
	  <button class="layui-btn" id="purchaseOrderAdd" data-type="add">增加</button>
	</div>
	<table class="layui-hide" id="purchaseOrder" lay-filter="demo"></table>
 
<script type="text/html" id="barDemo">
{{# if(d.shzt=="未审核"){ }}
  <a class="layui-btn layui-btn-xs" lay-event="edit" id="imgUpdate">修改</a>
  <a class="layui-btn layui-btn-danger  layui-btn-xs" lay-event="del">删除</a>
  <a class="layui-btn layui-btn-warm    layui-btn-xs" lay-event="cgmx" id="cgmx">采购明细</a>
  <a class="layui-btn layui-btn-disabled  layui-btn-xs" lay-event="djcg" id="djcg">点击采购</a>
  <a class="layui-btn layui-btn-disabled  layui-btn-xs" lay-event="tjzj" id="tjzj">提交质检</a>
{{# }else if(d.shzt=="已审核"){ }}
	{{# if(d.cgzt=="已采购"){ }}
		{{# if(d.tjzt=="已提交"){ }}
  			<a class="layui-btn layui-btn-disabled layui-btn-xs" lay-event="edit" id="imgUpdate">修改</a>
  			<a class="layui-btn layui-btn-disabled layui-btn-xs" lay-event="del">删除</a>
  			<a class="layui-btn layui-btn-warm     layui-btn-xs" lay-event="cgmx" id="cgmx">采购明细</a>
  			<a class="layui-btn layui-btn-disabled layui-btn-xs" lay-event="djcg" id="djcg">点击采购</a>
  			<a class="layui-btn layui-btn-disabled  layui-btn-xs" lay-event="tjzj" id="tjzj">提交质检</a>
		{{# }else if(d.tjzt=="未提交"){ }}
			<a class="layui-btn layui-btn-disabled layui-btn-xs" lay-event="edit" id="imgUpdate">修改</a>
  			<a class="layui-btn layui-btn-disabled layui-btn-xs" lay-event="del">删除</a>
  			<a class="layui-btn layui-btn-warm     layui-btn-xs" lay-event="cgmx" id="cgmx">采购明细</a>
  			<a class="layui-btn layui-btn-disabled layui-btn-xs" lay-event="djcg" id="djcg">点击采购</a>
  			<a class="layui-btn layui-btn-normal  layui-btn-xs" lay-event="tjzj" id="tjzj">提交质检</a>
		{{# } }}
	{{# }else if(d.cgzt=="未采购"){ }}
		<a class="layui-btn layui-btn-disabled layui-btn-xs" lay-event="edit" id="imgUpdate">修改</a>
  		<a class="layui-btn layui-btn-disabled layui-btn-xs" lay-event="del">删除</a>
  		<a class="layui-btn layui-btn-warm     layui-btn-xs" lay-event="cgmx" id="cgmx">采购明细</a>
  		<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="djcg" id="djcg">点击采购</a>
  		<a class="layui-btn layui-btn-disabled layui-btn-xs" lay-event="tjzj" id="tjzj">提交质检</a>
	{{# } }}
{{# } }}
</script>
 
 <script type="text/javascript" src="../../../res/js/base.js"></script>
<script src="../../../layui/layui.js"></script>
<script>

layui.use(['laydate', 'laypage', 'layer', 'table', 'upload', 'element','form'], function(){
	  var laydate = layui.laydate //日期
	  ,laypage = layui.laypage //分页
	  layer = layui.layer //弹层
	  ,table = layui.table //表格
	  ,upload = layui.upload //上传
	  ,element = layui.element //元素操作
	  ,form=layui.form;
	 
	  
	  //监听Tab切换
	  element.on('tab(demo)', function(data){
	    layer.msg('切换了：'+ this.innerHTML);
	    console.log(data);
	  });
	  
	  //执行一个 table 实例
	  table.render({
	     elem: '#purchaseOrder'
	    ,height: 475
	    ,url: getRootPath()+'purchaseOrder/findAll.action' //数据接口
	    ,page: true //开启分页
	    ,method:'post'
	    ,cols: [[ //表头
	       {type:'checkbox', fixed: 'left'}
	      /* ,{field: 'poId', title: '采购订单ID', width:120, fixed: 'left'}
	      ,{field: 'conId ', title: '采购订单ID', width:120, fixed: 'left'}*/
	      ,{field: 'gys', title: '合同供应商', width:150}
	      ,{field: 'poSumnum', title: '采购总重量(g)', width:150}
	      ,{field: 'poSumprice', title: '采购总价格', width:100}
	      ,{field: 'time', title: '采购时间', width:150}
	      ,{field: 'shzt', title: '审核状态', width:100}
	      ,{field: 'cgzt', title: '采购状态', width:100}
	      ,{field: 'tjzt', title: '提交状态', width:100}
	      ,{field: 'zjzt', title: '质检状态', width:100}
	      ,{field: 'rkzt', title: '入库状态', width:100}
	      ,{field: 'poRemark', title: '采购备注', width:150}
	      ,{fixed: 'right',title: '操作', width: 350, align:'center', toolbar: '#barDemo'}
	    ]]
	  	,id: 'testReload'
	  });
	  
	  //监听工具条
	  table.on('tool(demo)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
	    var data = obj.data //获得当前行数据
	    ,layEvent = obj.event; //获得 lay-event 对应的值
	    if(layEvent === 'del'){//删除操作
	      var poId=data.poId;
	      var shzt=data.shzt;
	      if(shzt=="未审核"){
		      layer.confirm('确认删除？', function(index){
		        /* obj.del(); */ //删除对应行（tr）的DOM结构
		        layer.close(index);
		        //使用jquery的ajax方式向后台提交数据
				var url = "../../../purchaseOrder/delete.action";
				var data={poId:poId};
					$.post(url,data,function(mes){
						if(mes.num>0){
							layer.msg('删除成功', {
								  icon: 1,
								  time: 1000 //1秒关闭（如果不配置，默认是3秒）
								}, function(){
									 location.reload(); // 页面刷新
							});
						}
					});
		      	});
	       }
	      if(shzt=="已审核"){
	    	  layer.msg('订单已审核，无法删除', {
				  icon: 1,
				  time: 2000 //1秒关闭（如果不配置，默认是3秒）
				}, function(){
					 //location.reload(); // 页面刷新
			});
	      }
	    }else if(layEvent == 'edit'){//修改操作
	    	var poId=data.poId;
		    var shzt=data.shzt;
		    if(shzt=="未审核"){
		    	layer.open({
				   type: 	2,
				   area : ['100%' , '100%'],//弹出框大小
				   shift:1,//弹出框动画效果
				   content: ['purchaseOrderAdd.html?poId='+poId,'on'] //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
				}); 
		    }
		    if(shzt=="已审核"){
		    	  layer.msg('订单已审核，无法修改', {
					  icon: 1,
					  time: 2000 //1秒关闭（如果不配置，默认是3秒）
					}, function(){
						 //location.reload(); // 页面刷新
				});
		      }
	    }else if(layEvent == 'cgmx'){//查询明细操作
	    	var poId=data.poId;
	    	layer.open({
				  type: 	2,
				  area : ['100%' , '100%'],//弹出框大小
				  shift:1,//弹出框动画效果
				  content: 'poBreakdown.html?poId='+poId //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
			}); 
	    }else if(layEvent == 'djcg'){//点击采购操作
	    	var shzt=data.shzt;
	    	var cgzt=data.cgzt;
	    	var tjzt=data.tjzt;
	    	var zjzt=data.zjzt;
	    	var rkzt=data.rkzt;
	    	var poId=data.poId;
	    	var poSumprice=data.poSumprice;
	    	if(cgzt=="未采购"){
	    		if(shzt=="未审核"){
		    		layer.msg('请先审核', {
						  icon: 1,
						  time: 2000 //1秒关闭（如果不配置，默认是3秒）
						}, function(){
							 //location.reload(); // 页面刷新
					});
		    	}
		    	if(shzt=="已审核"){
		    		layer.confirm('确认采购？', function(index){
		    	        /* obj.del(); */ //删除对应行（tr）的DOM结构
		    	        layer.close(index);
		    	        var url = "../../../purchaseOrder/updateCgzt.action";
		    			var data={poId:poId,poSumprice:poSumprice};
	    				$.post(url,data,function(mes){
	    					if(mes.num>0){
	    						layer.msg('采购成功', {
	    							  icon: 1,
	    							  time: 2000 //1秒关闭（如果不配置，默认是3秒）
	    							}, function(){
	    								 location.reload(); // 页面刷新
	    						});
	    					}
	    				});
		    	    });
		    	}
	    	}
	    	if(cgzt=="已采购"){
	    		layer.msg('订单已采购', {
					  icon: 1,
					  time: 2000 //1秒关闭（如果不配置，默认是3秒）
					}, function(){
						 //location.reload(); // 页面刷新
				});
	    	}
	    }else if(layEvent == 'tjzj'){//提交质检操作
	    	var cgzt=data.cgzt;
	    	var tjzt=data.tjzt;
	    	var poId=data.poId;
	    	var poSumnum=data.poSumnum;
	    	//alert(poId);
	    	//alert(poSumnum);
	    	if(tjzt=="未提交"){
	    		if(cgzt=="未采购"){
		    		layer.msg('请先采购', {
						  icon: 1,
						  time: 2000 //1秒关闭（如果不配置，默认是3秒）
						}, function(){
							 //location.reload(); // 页面刷新
					});
		    	}
		    	if(cgzt=="已采购"){
		    		layer.confirm('确认提交？', function(index){
		    	        /* obj.del(); */ //删除对应行（tr）的DOM结构
		    	        layer.close(index);
		    	        var url = "../../../purchaseOrder/updateTjzt.action";
						var data={poId:poId,poSumnum:poSumnum};
						$.post(url,data,function(mes){
							if(mes.num>0){
								layer.msg('提交成功', {
									  icon: 1,
									  time: 2000 //1秒关闭（如果不配置，默认是3秒）
									}, function(){
										 location.reload(); // 页面刷新
								});
							}
						});
		    	    });
		    	}
	    	}
	    	if(tjzt=="已提交"){
	    		layer.msg('订单已提交', {
					  icon: 1,
					  time: 2000 //1秒关闭（如果不配置，默认是3秒）
					}, function(){
						 //location.reload(); // 页面刷新
				});	    		
	    	}
	    }
	  });
	  
	  //条件查询
	  var $ = layui.$;
			  
	  $('.demoTable .layui-btn').on('click', function(){
		 var conId = $('#conId');
		 var poState=$('#poState');
		 //执行重载
	     table.reload('testReload', {
	       page: {
	         curr: 1 //重新从第 1 页开始
	       }
	       ,where: {
	    	   conId: conId.val(),
	    	   poState: poState.val()
	       }
	     });
	  });
	  $('#purchaseOrderAdd').on('click', function(){
		  var poId=null;
		 layer.open({
			  type: 	2,
			  area : ['100%' , '100%'],//弹出框大小
			  shift:1,//弹出框动画效果
			  content: ['purchaseOrderAdd.html?poId='+poId,'on'] //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
			}); 
	   }); 
	  
	    var url = "../../../contractTableAction/findAll.action";
		$.post(url,null,function(data){
			for(var i=0;i<data.length;i++){
				$("#conId").append("<option value="+data[i].conId+">"+data[i].conTwo+"</option>");
			}
			//form表单重新渲染
			form.render();
		});
	});
	  
</script>
</body>
</html>